<html>
    <head>
        <title></title>
    </head>
    <body>
        <script>
             /*
                        二、Razor 打包标签助手   Razor Bundling Tag Helpers 


                                1、如何使用bundle标签助手创建捆绑包
                                                创建一个捆绑包的最简单方法是使用 abp-script-bundle 和 abp-style-bundle 这两个标签助手：

                                                        <abp-style-bundle name="MyGlobalBundle">
                                                            <abp-style src="/libs/bootstrap/css/bootstrap.css" />
                                                            <abp-style src="/libs/font-awesome/css/font-awesome.css" />
                                                            <abp-style src="/libs/toastr/toastr.css" />
                                                            <abp-style src="/styles/my-global-style.css" />
                                                        </abp-style-bundle>

                                                此捆绑包定义了一个具有唯一名称的CSS捆绑包： MyGlobalBundle。
                                                
                                                很容易理解如何使用它。让我们看看它是如何工作的：

                                                        ①、ABP在第一次请求时从提供的文件中创建包为惰性。
                                                        
                                                                对于后续调用，它会从缓存返回。
                                                                
                                                                这意味着如果您有条件地将文件添加到包中，它只执行一次，条件的任何更改都不会影响下一个请求的包。

                                                        ②、ABP将捆绑文件单独添加到development环境的页面。它会自动为其他环境捆绑和压缩（staging、production…）。

                                                        ③、捆绑文件可以是物理文件或虚拟/嵌入式文件。

                                                        ④、ABP自动将版本查询字符串添加到捆绑包文件URL，以防止浏览器在捆绑包更新时还使用缓存。

                                                                （如？_v=67872834243042-从相关文件的最后更改日期生成）。即使捆绑包文件被单独添加到页面（在开发环境中），版本控制也有效。


                                2、 导入捆绑标签助手

                                            默认情况下，这已经与启动模板一起导入。因此，大多数时候，您不需要手动添加它。

                                            为了使用bundle标签助手，您需要将其添加到_ViewImports.cshtml文件或页面中：
                                            
                                                @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling


                                3、未命名捆绑包 ：  Unnamed Bundles 

                                            name 是Rzaor bundle标签助手的"可选属性"。

                                            如果你不定义捆绑包名称，它会根据使用的捆绑文件名自动计算（它们是连接的和散列的）。
                                            
                                            eg ：

                                                  <abp-style-bundle>
                                                        <abp-style src="/libs/bootstrap/css/bootstrap.css" />
                                                        <abp-style src="/libs/font-awesome/css/font-awesome.css" />
                                                        <abp-style src="/libs/toastr/toastr.css" />
                                                        @if (ViewBag.IncludeCustomStyles != false)
                                                        {
                                                            <abp-style src="/styles/my-global-style.css" />
                                                        }
                                                </abp-style-bundle>   
                                                
                                            这可能会创建两个不同的包（一个包含my-global-style.css，另一个不包含）。

                                            ★、未命名包的优点：
                                            
                                                    可以有条件地将项目添加到包中。但这可能会导致基于条件的包的多种变化。
                                            
                                            ★、命名包的有点：

                                                    其他模块可以通过其名称为包贡献（请参阅下面的部分）。


                                4、单个文件捆绑包

                                            如果您只需要将单个文件添加到页面，您可以使用abp-script或abp-style标记，

                                            而无需在abp-script-bundle或abp-style-bundle标记中进行包装。
                                            
                                            eg：
                                                    
                                                    <abp-script src="/scripts/my-script.js" />


                                            对于上面的示例，捆绑包名称将是"scripts.my-script.js"（“/”替换为 "."). 
                                            
                                            所有捆绑功能也可以按预期用于单个文件捆绑包。
                    */
        </script>
    </body>
</html>